/
Tal Hayun PRODUCT DESIGNER
Waves TrueMix mobile app mockup on a geometric pedestal
Mobile App Design

TrueMix

Check how your mix translates.

TrueMix is a mobile app that lets producers test how a track holds up across real-world playback systems — headphones, phones, cars, club rigs, and streaming — and fix translation issues before release.

View Prototype

Problem

Producers can't tell how a mix will hold up on phones, cars, or earbuds until after release — so mixes that sound great in the studio fall apart everywhere else.

Core Users

Music producers, mixing engineers, and self-releasing artists who finalize tracks without access to a room full of reference systems.

Product Goal

Let creators test how a mix translates across real playback setups and surface fixable issues before a track ever ships.

Product Value

Catch translation problems early, ship confident masters, and stop second-guessing how a track sounds outside the studio.

User Flow & Screen Logic

A guided review flow that moves creators from mix upload to setup selection, analysis, recommendations, and final summary without making the process feel technical or heavy.

01

Home

Start a new mix review and see recent sessions at a glance.

Home wireframe
02

Upload Mix

Add a track, confirm the file, and choose a review depth.

Upload Mix wireframe
03

Select Setup

Pick the playback systems to test the mix against.

Select Setup wireframe
04

Mix Analysis

See an overall score and a per-setup breakdown.

Mix Analysis wireframe
05

Recommendations

Get prioritized, targeted fixes with estimated gains.

Recommendations wireframe
06

Result Summary

Review key findings and keep a shareable report.

Result Summary wireframe

Key Product Screens

A walkthrough of the final experience — from uploading a track and choosing playback setups to the scored analysis, fixes, and shareable report.

01 / 06

Home

The home screen sets a clear starting point — pairing one primary action, Start a New Mix Review, with an at-a-glance overview of reviews, setups, and the latest session score.

View full screen
Home screen
02 / 06

Upload Mix

Uploading is reduced to one confident step: confirm the file, name the track, and choose a review depth. A progress indicator frames the whole flow up front.

View full screen
Upload Mix screen
03 / 06

Select Setup

Producers choose exactly which playback systems to test against — headphones, phone, car, laptop, club, and streaming — from a scannable list with clear selected states.

View full screen
Select Setup screen
04 / 06

Mix Analysis

Results lead with one overall translation score and a short verdict, then break performance down per setup so weak spots are easy to locate.

View full screen
Mix Analysis screen
05 / 06

Recommendations

Findings become action. Fixes are prioritized by impact and effort, tagged to the setups they affect, with an estimated score gain shown up top.

View full screen
Recommendations screen
06 / 06

Result Summary

A shareable report summarizes the score, per-setup breakdown, and key findings — ready to revisit later or hand to collaborators.

View full screen
Result Summary screen

Design System

A dark, focused system built for analysis. Deep navy surfaces keep attention on the audio data, while a violet-and-blue accent set and clear status colors make scores and recommendations instantly readable.

Typography

Plus Jakarta Sans gives screens a confident, modern voice, while Inter keeps labels, scores, and supporting copy clean and legible.

01
Display / Headings Jakarta Medium · SemiBold · Bold · ExtraBold
UI / Body Inter Regular · Medium · SemiBold · Bold
Type Scale
Screen TitleJakarta · 28px · Bold
Section HeadingJakarta · 22px · Bold
Score NumeralJakarta · 40px · ExtraBold
Card TitleInter · 17px · SemiBold
BodyInter · 15px · Regular
Label / CaptionInter · 13px · Medium

Color System

Deep navy surfaces hold focus; violet and electric blue drive actions and selection, and green, orange, and red read instantly as score and priority states.

02
App Background
#08111F
Surface
#141E33
Surface Elevated
#1B2742
Border
#25324C
Text Primary
#F8FAFC
Text Secondary
#94A3B8
Text Muted
#64748B
Primary Blue
#2D6BFF
Accent Violet
#7C5CFF
Success
#2FD27A
Warning
#F6A623
Alert
#F04438

Icon System

The icon system supports fast recognition across the review flow, from upload and setup selection to analysis, recommendations, reports, and saved sessions. Icons stay simple, monochrome, and functional so the interface remains focused on the mix feedback.

03

Components

Reusable interface patterns help turn technical mix analysis into a clear mobile workflow. Cards, setup selectors, score modules, recommendation blocks, and action buttons keep the review process focused, readable, and easy to act on.

04
TrueMix file upload card showing a ready WAV file Selected Headphones listening-setup row Overall mix score of 82 with a Very Good rating Recommendation card flagging a high-priority low-mid clarity fix Per-setup result summary with score bars Waveform player with playback control and highlighted issue markers

Key UX Decisions

Several decisions kept the review flow fast and trustworthy — turning complex audio analysis into a clear score and a short list of confident next steps.

Decision 01

Setup-Based Testing Over Guesswork

Instead of asking users to imagine how a mix sounds elsewhere, TrueMix lets them pick concrete playback systems to evaluate against.

Decision 02

One Score, Then the Breakdown

A single overall translation score and a short verdict come first, with per-setup scores underneath so problems are easy to locate.

Decision 03

Prioritized, Actionable Fixes

Recommendations are ranked by impact and effort, tagged to the setups they affect, with an estimated score gain to motivate the change.

Decision 04

Shareable Result Reports

The final summary packages the score, breakdown, and key findings into a report users can revisit or hand to collaborators and clients.

Outcome

TrueMix turns mix translation from a guessing game into a clear, scored review.

The final flow moves a producer from a finished track to an overall score, a per-setup breakdown, and a short list of prioritized fixes — so they can release with confidence that the mix holds up everywhere it's heard.

MORE PROJECTS

SoundPath app mockup
SoundPath

Guided plugin chains
Faster audio choices

MOBILE PRODUCT
Waves MixRoom dashboard mockup
Waves MixRoom

Mix review workspace
Feedback approval flow

PRODUCT DASHBOARD
Waves Control Center dashboard mockup
Waves Control Center

Plugin license control
For audio workflows

PRODUCT DASHBOARD